<template>
    <div class="mdhslod">
       <div class="adssiwperbox">
            <my-video-play v-if="detail.adArVideo" id="adsdtvideo" :poster='detail.adArImg' :src='detail.adArVideo' ref="player" :addPlay='false' :info="detail"/>
            <img-box v-else :imgs='[detail.adArImg]'/>
       </div> 
       <div class="duazaobtn">
            <!-- <my-button text='Forged NFT' v-if="!detail.bornId" @click="showFlag=true"/> -->
            <my-dailog v-model:show="showFlag" :showtopclose="true" :styleType="8">
                <nft-forgeable :detail="{'img':detail.adArImg,'name':detail.adPlaceTitle,...detail}" :nftType='2' @success='showFlag=false'/>
            </my-dailog>
       </div>
    </div>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import imgBox from '@/components/imgBox.vue'
import myVideoPlay from "@/components/myVideoPlay.vue";
// import audioBox from "@/components/audioBox.vue";
// import videoBox from '@/components/videoBox.vue'
import myButton from '@/components/myButton.vue';
import nftForgeable from '@/components/nftForgeable.vue';
export default {
    components:{
        imgBox,
        myVideoPlay,
        myButton,
        nftForgeable
       // audioBox,
        //videoBox
    },
    props:{
        detail:{
            type:Object,
            defalult:{}
        }
    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            showFlag:false
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .mdhslod{
        padding: 50px 0 0 0;
        .adssiwperbox{
            width: 100%;
            height: 400px;
            background: #eee;
        }
        .duazaobtn{
            width: 250px;
            margin: 30px auto 20px auto;
        }
    }
    
</style>